<template>
  <header>
    <div class="wapper">
      <nav>
        <RouterLink to="/">井字棋</RouterLink>
        <RouterLink to="/studemo2">组合式API</RouterLink>
        <RouterLink to="/studemo3">改造组合式API</RouterLink>
        <RouterLink to="/studemo4">组合式API-自定义渲染-返回函数</RouterLink>
        <RouterLink to="/studemo5">自定义渲染函数作为组件使用</RouterLink>
        <RouterLink to="/studemo6">1111</RouterLink>
        <RouterLink to="/studemo7">setup语法糖</RouterLink>
        <RouterLink to="/studemo8">语法糖支持ts写法</RouterLink>
        <RouterLink to="/studemo9">setup语法糖使用自定义渲染函数</RouterLink>
        <RouterLink to="/studemo10">插值表达式</RouterLink>
        <RouterLink to="/studemo11">v-show & v-if</RouterLink>
        <RouterLink to="/tab切换">tab切换</RouterLink>
        <RouterLink to="/计算器">计算器</RouterLink>
        <RouterLink to="/studemo12">axios</RouterLink>
        <RouterLink to="/绑定HTML类名">绑定HTML类名</RouterLink>
        <RouterLink to="/学生管理系统">学生管理系统</RouterLink>
        <RouterLink to="/Proxy">Proxy</RouterLink>
        <RouterLink to="/ReactiveProxy">ReactiveProxy</RouterLink>
        <RouterLink to="/ref解包">ref解包</RouterLink>
        <RouterLink to="/API">响应式API:工具函数</RouterLink>
        <RouterLink to="/customRef">customRef设置防抖ref</RouterLink>
        <RouterLink to="/effectScope">effectScope() & getCurrentScope() & onScopeDispose()</RouterLink>
        <RouterLink to="/effectScope改造">effectScope()改造</RouterLink>
        <RouterLink to="/effectScope案例">effectScope()案例</RouterLink>
        <RouterLink to="/案例2">effectScope案例2</RouterLink>
        <RouterLink to="/钩子函数">钩子函数</RouterLink>
        <RouterLink to="/计算属性">计算属性</RouterLink>
        <RouterLink to="/侦听器watch">侦听器</RouterLink>
        <RouterLink to="/防抖函数">防抖函数</RouterLink>
        <RouterLink to="/侦听器watchEffect">侦听器watchEffect</RouterLink>
        <RouterLink to="/侦听器使用场景">侦听器使用场景</RouterLink>
        <RouterLink to="/案例学生管理系统">案例：学生管理系统</RouterLink>
        <RouterLink to="/组件注册和引入">组件注册和引入</RouterLink>
        <RouterLink to="/组件传值props">组件传值props</RouterLink>
        <RouterLink to="/响应式props解构">响应式props解构</RouterLink>
        <RouterLink to="/插槽solt">插槽solt</RouterLink>
        <RouterLink to="/moon">插槽solt案例</RouterLink>
        <RouterLink to="/star">props+插槽solt案例</RouterLink>
        <RouterLink to="/wucyu">组合式API：生命周期钩子</RouterLink>
        <RouterLink to="/vmodel">组件v-model</RouterLink>
        <RouterLink to="/defineExpose">defineExpose</RouterLink>
        <RouterLink to="/修改学生系统">修改学生系统</RouterLink>
        <RouterLink to="/2025">vue路由</RouterLink>
        <RouterLink to="/嵌套路由">嵌套路由</RouterLink>
        <RouterLink to="/动态路由">动态路由</RouterLink>
        <RouterLink to="/demo">路由基础知识总结</RouterLink>
        <RouterLink to="/路由组件传参">路由组件传参</RouterLink>
        <RouterLink to="/路由进阶">路由进阶</RouterLink>
        <RouterLink to="/pinia">pinia</RouterLink>
        <RouterLink to="/pinia进阶">pinia进阶</RouterLink>
        <RouterLink to="/fetch请求">fetch请求</RouterLink>
        <RouterLink to="/axios">axios</RouterLink>
        <RouterLink to="/AxiosApi">AxiosApi实例</RouterLink>
        <RouterLink to="/elementPlus">elementPlus</RouterLink>
      </nav>
    </div>
  </header>
</template>

<script lang='ts'>
export default {
  name: 'HeaderPage',
}
</script>

<script lang='ts'>
</script>

<style lang='scss'>
header {
  display: flex;
  justify-content: left;
}
</style>
